/* --------------------------b_f---------------------------- */
/* define class body_title */
.body_title{
    width: 145px;
    height: 46px;
    display: inline-block;
    vertical-align: top;
    /* margin: 0 auto; */
    background-image: url(../img/bg_title_145x46.png);
    background-repeat: no-repeat;
    font-size: 24px;
    line-height: 20px;
    color: black;
}

.body_title:hover{
    transition: transform 1s;
    transform: scale(1.2);
}

.body_title>p:last-child{
    color: black;
    font-size: 16px;
    line-height: 30px;
}
/* part.[about_us] */
.au_icon{
    width: 126px;
    height: 126px;
    overflow: hidden;
    margin: 18px auto 16px auto;
    /* margin bottom 可调节 */
}

#about_us img{
    width: 100%;
    height: 100%;
}

#about_us img:hover{
    transition: transform 1s;
    transform: scale(1.2);
}
/* #about_us .au_icon:hover{
    transition: transform 1s;
    transform: scale(1.2);
} */

#about_us{
    width: inherit;
    height: 402px;
    background-color: white;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
#about_us>.body_title{
    margin-top: 16px;
    margin-bottom: 21px;
}


.au_mission{
    width: 267px;
    height: 319px;
    display: inline-block;
    vertical-align: top;
    background-color: #f2f2f2;
}
.au_team{
    width: 267px;
    height: 319px;
    display: inline-block;
    vertical-align: top;
    background-color: #f2f2f2;
    margin-left: 20px;
    margin-right: 21px;
}
.au_visition{
    width: 267px;
    height: 319px;
    display: inline-block;
    vertical-align: top;
    background-color: #f2f2f2;
}
.au_title{
    font-size: 16px;
    color: black;
    line-height: 150%;
}
.au_cont{
    font-size: 12px;
    color: #939393;
    width: 248px;
    height: 85px;
    margin: 16px auto 0 auto;
    text-align: justify;
    line-height: 25px;
}

/* part.[our portfolio] */

#portfolio{
    width: inherit;
    height: 742px;
    text-align: center;
    font-size: 0;
    overflow: hidden;
    background-color: white;
}

#portfolio>.body_title{
    margin-top:23px;
    margin-bottom: 32px;
}

.op_pic{
    width: 295px;
    height: 210px;
    overflow: hidden;
}

.op>img{
    width: 100%;
    height: 100%;
}

.op{
    width: 295px;
    height: 284px;
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
    margin-bottom: 22px;
}
.op>p{
    font-size: 12px;
    margin-top: 14px;
    margin-bottom: 12px;
}

.fake_button{
    margin: 0 auto;
    padding-top: 5px;
    width: 135px;
    height: 27px;
    background-color: #6db6ff;
}

.fake_button:active{
    transform: scale(1.2);
}

.fake_button>a{
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

.op:nth-last-of-type(3n+1){
    margin-right: 0;
}

/* part.[our portfolio] */
#b_f_link{
    width: inherit;
    height: 331px;
    margin: 0 auto;
    background-color: white;
    border-bottom: 1px solid #eaedf0;
}

#pic_link{
    margin: 0 auto;
    width: 898px;
    height: 304px;
    background-image: url(../img/link_898x304.jpg);
    overflow: hidden;
    text-align: center;
}
#link_title{
    margin-top: 22px;
}
#link_title>p{
    color: white;
}
.link_al{
    display: inline-block;
    width: 222px;
    height: 81px;
    overflow: hidden;
}
.link_it{
    display: inline-block;
    width: 244px;
    height: 81px;
    overflow: hidden;
    margin-left: 22px;
    margin-right: 22px;
}

.link_turn{
    display: inline-block;
    width: 37px;
    height: 69px;
    overflow: hidden;
    vertical-align: top;
}
.link_turn:first-child{
    margin-right: 35px;
    margin-top: 4px;
}
.link_turn:last-child{
    margin-left: 41px;
    margin-top: 4px;
}
#pic_link img{
    width: 100%;
    height: 100%;
}
#link_pic{
    overflow: hidden;
    font-size: 0;
    margin-top: 43px;
    text-align: center;
}